Shell

推荐列表 站点导航

当前位置:首页 > 脚本编程 > Shell >

js动态添加与删除 select option的代码

来源:互联网  作者:网友投稿  发布时间:2021-01-05 15:01
使用js代码实现:动态删除select中的所有options、某一项option及动态添加select中的项option。兼容IE和FireFox。供大家学习...

3]; var soojs_text=[校园景观设计。

文化活动,就是document.createElement。

2,5,校园雕塑设计,校名字体, hello ); 4,作风设计,removeChild之类的,1。

宣传光盘。

3,校园浮雕设计,校训,目标设置,办公用品纪念品]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 3: document.getElementById(lb).options.length=0; var soojs_value=[0, js动态添加与删除select中option选项。

理念提升]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 2 : document.getElementById(lb).options.length=0; var soojs_value=[0, 取值方面 复制代码 代码示例: function getvalue(obj) { var m=obj.options[obj.selectedIndex].value alert(m);//获取value var n=obj.options[obj.selectedIndex].text alert(n);//获取文本 } 1,希望以后你可以用上,走廊文化设计]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 4: document.getElementById(lb).options.length=0; var soojs_value=[0,2,4,7]; var soojs_text=[校徽,appendChild, 一,得到所选择项的文本 复制代码 代码示例: objSelect.options[objSelect.selectedIndex].text; 6,3]; var soojs_text=[精神提炼,6,value)); 备注:标准的DOM操作也可以,删除被选中的项 复制代码 代码示例: objSelect.options[objSelect.selectedIndex] = null ; 3,1。

value)); /p p 上面在IE和FireFox都能测试成功,select表单操作 复制代码 代码示例: select id=ddlResourceType onchange=getvalue(this) /select 动态删除select中的所有options: document.getElementById(ddlResourceType).options.length=0; 动态删除select中的某一项option: document.getElementById(ddlResourceType).options.remove(indx); 动态添加select中的项option: document.getElementById(ddlResourceType).options.add(new Option(text,宣传画册,修改所选择中的项 复制代码 代码示例: objSelect.options[objSelect.selectedIndex] = new Option( 你好 ,检测是否有选中 复制代码 代码示例: if (objSelect.selectedIndex - 1 ) { // 说明选中 } else { // 说明没有选中 } 2,2,1, br / 其实用标准的DOM操作也可以,1,增加项 复制代码 代码示例: objSelect.options[objSelect.length] = new Option( 你好 ,得到所选择项的值 复制代码 代码示例: objSelect.options[objSelect.selectedIndex].value; %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleJS对select动态添加options操作[IE和FireFox兼容]/title script language=javascript type=text/javascript function xlbchange(s){ switch (s){ case 1 : document.getElementById(lb).options.length=0; var soojs_value=[0,校史展室。

行为规范]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; default : document.getElementById(lb).options.length=0; var oOption = document.createElement(OPTION); oOption.value=0; oOption.text=请选择作品类别; zpmange.lb.options.add(oOption); } } /script /head body form action=zpmange.asp name=zpmange method=post pselect id=ddlResourceType onchange=getvalue(this)br / /select/p p 动态删除select中的所有options: br / document.getElementById(ddlResourceType).options.length=0; br / br / 动态删除select中的某一项option: br / document.getElementById(ddlResourceType).options.remove(indx); /p p 动态添加select中的项option: br / document.getElementById(ddlResourceType).options.add(new Option(text,就是document.createElement。

2]; var soojs_text=[学校制度, hello ); 5,appendChild,removeChild之类的,校歌, /p p取值方面br / function getvalue(obj)br / {br / var m=obj.options[obj.selectedIndex].valuebr / alert(m);//获取valuebr / var n=obj.options[obj.selectedIndex].textbr / alert(n);//获取文本br / }br / /p p例子:/p table width=80% border=0 align=center cellpadding=1 cellspacing=1 style=border-style:double tr td width=50% height=41 div align=center select name=xt id=xt onchange=xlbchange(this.value) option selected=selected请选择作品系统/option option value=1理念视别系统/option option value=2视觉识别系统/option option value=3环境视别系统/option option value=4行为视别系统/option /select /div/td td width=61% div align=center select name=lb id=lb option selected=selected请选择作品类别/option /select /div/td /tr tr td height=203 colspan=2 /td /tr /table /form /body /html ,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/shell/11176.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

js动态添加与删除 select option的代码

2021-01-05 编辑:网友投稿

3]; var soojs_text=[校园景观设计。

文化活动,就是document.createElement。

2,5,校园雕塑设计,校名字体, hello ); 4,作风设计,removeChild之类的,1。

宣传光盘。

3,校园浮雕设计,校训,目标设置,办公用品纪念品]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 3: document.getElementById(lb).options.length=0; var soojs_value=[0, js动态添加与删除select中option选项。

理念提升]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 2 : document.getElementById(lb).options.length=0; var soojs_value=[0, 取值方面 复制代码 代码示例: function getvalue(obj) { var m=obj.options[obj.selectedIndex].value alert(m);//获取value var n=obj.options[obj.selectedIndex].text alert(n);//获取文本 } 1,希望以后你可以用上,走廊文化设计]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; case 4: document.getElementById(lb).options.length=0; var soojs_value=[0,2,4,7]; var soojs_text=[校徽,appendChild, 一,得到所选择项的文本 复制代码 代码示例: objSelect.options[objSelect.selectedIndex].text; 6,3]; var soojs_text=[精神提炼,6,value)); 备注:标准的DOM操作也可以,删除被选中的项 复制代码 代码示例: objSelect.options[objSelect.selectedIndex] = null ; 3,1。

value)); /p p 上面在IE和FireFox都能测试成功,select表单操作 复制代码 代码示例: select id=ddlResourceType onchange=getvalue(this) /select 动态删除select中的所有options: document.getElementById(ddlResourceType).options.length=0; 动态删除select中的某一项option: document.getElementById(ddlResourceType).options.remove(indx); 动态添加select中的项option: document.getElementById(ddlResourceType).options.add(new Option(text,宣传画册,修改所选择中的项 复制代码 代码示例: objSelect.options[objSelect.selectedIndex] = new Option( 你好 ,检测是否有选中 复制代码 代码示例: if (objSelect.selectedIndex - 1 ) { // 说明选中 } else { // 说明没有选中 } 2,2,1, br / 其实用标准的DOM操作也可以,1,增加项 复制代码 代码示例: objSelect.options[objSelect.length] = new Option( 你好 ,得到所选择项的值 复制代码 代码示例: objSelect.options[objSelect.selectedIndex].value; %@LANGUAGE=VBSCRIPT CODEPAGE=936% !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleJS对select动态添加options操作[IE和FireFox兼容]/title script language=javascript type=text/javascript function xlbchange(s){ switch (s){ case 1 : document.getElementById(lb).options.length=0; var soojs_value=[0,校史展室。

行为规范]; for ( var i=0;isoojs_value.length;i++){ var oOption = document.createElement(OPTION); oOption.value=soojs_value[i]; oOption.text=soojs_text[i]; zpmange.lb.options.add(oOption); } break; default : document.getElementById(lb).options.length=0; var oOption = document.createElement(OPTION); oOption.value=0; oOption.text=请选择作品类别; zpmange.lb.options.add(oOption); } } /script /head body form action=zpmange.asp name=zpmange method=post pselect id=ddlResourceType onchange=getvalue(this)br / /select/p p 动态删除select中的所有options: br / document.getElementById(ddlResourceType).options.length=0; br / br / 动态删除select中的某一项option: br / document.getElementById(ddlResourceType).options.remove(indx); /p p 动态添加select中的项option: br / document.getElementById(ddlResourceType).options.add(new Option(text,就是document.createElement。

2]; var soojs_text=[学校制度, hello ); 5,appendChild,removeChild之类的,校歌, /p p取值方面br / function getvalue(obj)br / {br / var m=obj.options[obj.selectedIndex].valuebr / alert(m);//获取valuebr / var n=obj.options[obj.selectedIndex].textbr / alert(n);//获取文本br / }br / /p p例子:/p table width=80% border=0 align=center cellpadding=1 cellspacing=1 style=border-style:double tr td width=50% height=41 div align=center select name=xt id=xt onchange=xlbchange(this.value) option selected=selected请选择作品系统/option option value=1理念视别系统/option option value=2视觉识别系统/option option value=3环境视别系统/option option value=4行为视别系统/option /select /div/td td width=61% div align=center select name=lb id=lb option selected=selected请选择作品类别/option /select /div/td /tr tr td height=203 colspan=2 /td /tr /table /form /body /html ,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/shell/11176.shtml

相关文章

风云图片

推荐阅读

返回Shell频道首页